<template>
	<!-- 顶部 侧边 内容 -->
	<div class="column divheight">
		<adminhead />
		<div style="flex: 1; height: 100%" class="row">
			<!--左侧  -->
			<left :active="'3'"></left>
			<!-- 内容 -->
			<div style="flex: 1" class="row">
				<divlist></divlist>

				<!-- 列表 -->
				<divcontent @send-data="index" @send-list="sendlist"></divcontent>
				<!-- <div class="list">右</div> -->
				<divright :data="edi" :list="list" :key="key"></divright>
			</div>
		</div>
	</div>
</template>

<script>
	import adminhead from '@/components/adminhead.vue'
	import adminleft from '@/components/adminleft.vue'
	import divlist from '@/components/admin/divlist.vue'
	import divcontent from '@/components/admin/divcontent.vue'
	import divright from '@/components/admin/divright.vue'
	import draggable from 'vuedraggable'
	// 下面是组件列表

	export default {
		components: {
			adminhead,
			left: adminleft,
			divlist,
			divcontent,
			draggable,
			divright,
		},
		data() {
			return {
				list: [],
				key: 0,
				edi: [],
			}
		},
		methods: {
			index(index) {
				// 修改第几页
				this.key += 1
				this.edi = index
			},
			sendlist(list) {
				this.list = list
			},
			getdata() {},
		},
	}
</script>

<style scoped>
	.divheight {
		height: 100%;
		min-width: 1895px !important;
	}
</style>
